import { Component } from "react"
import "./Login.css"
import { useParams, useLocation, useNavigate } from "react-router-dom"
function withRouter(Ss) {
    return (props) => (
        <Ss
            {...props}
            params={useParams()}
            location={useLocation()}
            navigate={useNavigate()}
        />
    )
}

class Login extends Component {
    render() {
        return <div className="loginBox">
            <div className="login">
                <div className="box">
                    <h1>舆情监控系统后台管理-IT营</h1>
                    <p>
                        <span>用户名: </span> <input type="text" />
                    </p>
                    <p>
                        <span>密码:</span>  <input type="password" />
                    </p>
                    <p>
                        <span>验证码: </span> <input className="duan" type="text" />
                    </p>
                    <button onClick={() => this.props.navigate('/home')}>进入管理中心</button>
                </div>
                <div className="img">

                </div>
            </div>
        </div>
    }
}

export default withRouter(Login)